//
//                       _oo0oo_
//                      o8888888o
//                      88" . "88
//                      (| -_- |)
//                      0\  =  /0
//                    ___/`---'\___
//                  .' \\|     |// '.
//                 / \\|||  :  |||// \
//                / _||||| -:- |||||- \
//               |   | \\\  - /// |   |
//               | \_|  ''\---/''  |_/ |
//               \  .-\__  '-'  ___/-. /
//             ___'. .'  /--.--\  `. .'___
//          ."" '<  `.___\_<|>_/___.' >' "".
//         | | :  `- \`.;`\ _ /`;.`/ - ` : | |
//         \  \ `_.   \_ __\ /__ _/   .-` /  /
//     =====`-.____`.___ \_____/___.-`___.-'=====
//                       `=---='
//
//
//     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//
//           佛祖保佑       永不宕机     永无BUG
//

*{
    margin: 0;
    padding: 0;
    list-style: none;
}

a{
    text-decoration: none;
}

p{
    font-size: 0.7rem;
    line-height: 1.4rem;
}

.w100 {
    width: 100%;
}
 
.h100 {
    height: 100%;
}
 
// 弹性布局
.flex {
    display: flex;
}

.alignCenter {
    align-items: center;
}

.justifyCenter {
    justify-content: center;
}

.justifyBetween {
    justify-content: space-between;
}

// 上边距2
.mt2 {
    margin-top: 2rem;
}

.mt1 {
    margin-top: 1rem;
}

// 下边距2
.mb2 {
    margin-bottom: 2rem;
}

.mb1 {
    margin-bottom: 1rem;
}

// 外边距
.pt1 {
    padding-top: 1rem;
}


.pb1 {
    padding-bottom: 1rem;
}

// 字体
strong {
    // font-weight: 500;
    border-bottom: 5px solid #ffaf25;
}

.fz2 {
    font-size: 0.7rem;
}


@media screen and (min-width:321px) and (max-width:375px){ html{ font-size:11px; } } 
@media screen and (min-width:376px) and (max-width:414px){ html{ font-size:12px; } } 
@media screen and (min-width:415px) and (max-width:639px){ html{ font-size:15px; } } 
@media screen and (min-width:640px) and (max-width:719px){ html{ font-size:20px; } } 
@media screen and (min-width:720px) and (max-width:749px){ html{ font-size:22.5px; } } 
@media screen and (min-width:750px) and (max-width:799px){ html{ font-size:23.5px; } } 
@media screen and (min-width:800px){ html{ font-size:25px;} }

img{
    width: 100%;
    height: 100%;
}

h1,h2,h3,h4,h5{
    color: #d1181a;
    font-weight: 600;
    margin: 0.5rem 0;
}



.navbar-default .navbar-toggle{
    border: none;
}

// 按钮样式
#btn(@bgc:#d1181a,@color:#fff,@hgbc:#ff5356){
    background-color: @bgc;
    border-radius: 0.3rem;
    font-weight: 600;
    font-size: 17px;
    color: @color;
    padding: 0.7rem 1.5rem;
    cursor: pointer;
    &:hover {
        background-color:@hgbc;
        text-decoration: none;
        color: @color;
    }
}

.btn1 {
    #btn();
    margin: 0.4rem;
    border-radius: 1rem;
    padding: 4px 15px;
}

.btn2 {
    #btn();  
    margin-top: 2rem;
}


// 卡片样式
.card {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.7rem;
    border-radius: 1rem;
    border: 1px dashed #b5c4d7;
    // line-height: 1.2rem;
}







